//夜间主题
.theme-black {
    //同时改变bgcolor和cololr，一般是容器
    ion-header,ion-content,ion-footer,ion-item,ion-label {
      background-color: #222A37 ;
      color: #9EAEC8 ;
    }
    .input-wrapper,.item{
      background-color: #222A37 ;
      color: #9EAEC8 ;
    }

    //所有bg改变

    .tabbar{
      background: #222A37 ;
    }
    .toolbar-background{
      background-color: #222A37 ;
    }
    #headDiv{
      background: #222A37 ;
    }
    
    //所有color改变

    h1,h2,h3,h4,h5,h6,p,body,div {
      color: #9EAEC8;
    }
    ion-list-header{
      border:none;
    }
    span.button-inner{
      color: #9EAEC8 
    }
    .themeBtn{
      span.button-inner{
        color: whitesmoke 
      }
    }
    ion-tabs{
        .toolbar-title{
            color: #9EAEC8;
        }
        .tab-button[aria-selected=true] .tab-button-icon{
            color: #9EAEC8 ;
        }
        .tab-button[aria-selected=true] {
            color: #9EAEC8 ;
        }
        .tab-button-icon{
            color: #5b5e7f ;
        }
        .tab-button{
        color: gray ;
        }
    }
     
    //所有bg-color改变

    ion-list {
      background-color: #222A37;
    }
    .button-round{
      background-color: #2f4467 ;
    }
    ion-fab{
        .fab{
            background-color: #2f4467 ;
        }
    }

  }
  //新桥
  .theme-blue {
    ion-header{
        background:$primary ;
        .toolbar-background{
            background:$primary ;
        }
        .toolbar-title,.back-button-icon{
            color: white
        }
    }
    #headDiv{
        background:$primary ;  
    }
    ion-fab{
      .fab{
        background-color: $primary ;
    }
    }
    //color
    ion-tabs{
      .tab-button[aria-selected=true] .tab-button-icon{
          color: $primary ;
      }
      .tab-button[aria-selected=true] {
          color: $primary ;
      }
      .tab-button{
          color: gray ;
      }
    }
}
//葡萄
.theme-purple {
  ion-header{
      background:purple ;
      .toolbar-background{
          background:purple ;
      }
      .toolbar-title,.back-button-icon{
          color: white
      }
  }
  #headDiv{
      background:purple ;  
  }
  ion-fab{
    .fab{
      background-color: purple ;
    }
  }
  ion-tabs{
    .tab-button[aria-selected=true] .tab-button-icon{
        color: purple ;
    }
    .tab-button[aria-selected=true] {
        color: purple ;
    }
    .tab-button{
        color: gray ;
    }
    .button-round.button-full{
      background:purple ;  
    }
  }
}
//纯白
.theme-white {
  ion-header{
      background:white ;
      .toolbar-background{
          background:white ;
      }
      .toolbar-title,.back-button-icon{
          color: gray
      }
  }
  #headDiv{
      background:white ;  
  }
  ion-tabs{
    .tab-button[aria-selected=true] .tab-button-icon{
        color: #499cf5 ;
    }
    .tab-button[aria-selected=true] {
        color: gray ;
    }
    .tab-button{
        color: gray ;
    }
    .button-round.button-full{
      background:#499cf5 ;  
    }
  }
  ion-fab{
    .fab{
      background-color: white ;
      border:2px solid #499cf5;
    }
  }
  ion-icon{
    color:#499cf5;
  }
}
//原谅
.theme-darkgray {
  ion-header{
      background:#95a5a6 ;
      .toolbar-background{
          background:#95a5a6 ;
      }
      .toolbar-title,.back-button-icon{
          color: white
      }
  }
  #headDiv{
      background:#95a5a6 ;  
  }
  ion-tabs{
    .tab-button[aria-selected=true] .tab-button-icon{
        color: #95a5a6 ;
    }
    .tab-button[aria-selected=true] {
        color: gray ;
    }
    .tab-button{
        color: gray ;
    }
    .button-round.button-full{
      background:#95a5a6 ;  
    }
  }
  ion-fab{
    .fab{
      background-color: #95a5a6 ;
    }
  }
}
//少女
.theme-indianred{
  #headDiv{
    background:#f97398;
}
  ion-header{
    background:$bili;
    .toolbar-background{
        background:$bili;
    }
    .toolbar-title,.back-button-icon{
        color: white
    }
}
  ion-tabs{
    .tab-button[aria-selected=true] .tab-button-icon{
        color: $bili ;
    }
    .tab-button[aria-selected=true] {
        color: $bili ;
    }
    .tab-button{
        color: gray ;
    }
    .button-round.button-full{
      background:$bili ; 
    }
}
ion-fab{
    .fab{
        background-color: $bili ;
    }
}
}

  
  